<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="成都美食，值得你尝试">
    <title>成都美食</title>
    <meta http-equiv="X-UA-Compatible" content="IE=7">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="">
    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" href="base.css">
    <link rel="stylesheet" href="zhuye.css">
    <link rel="stylesheet" href="text.css">
    <script>
        var docEl = document.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
        var clientWidth = docEl.clientWidth;
        docEl.style.fontSize = 10 * (clientWidth / 320) + 'px';
        window.addEventListener(resizeEvt, function () { clientWidth = docEl.clientWidth; docEl.style.fontSize = 10 * (clientWidth / 320) + 'px'; }, false);
    </script>
</head>

<style>
    body {
        width: 100%;
        min-width: 1200px;
        margin: 0 auto;
    }
</style>

<body>
        <div class="nave">
            <ul class="navelist">
                <li><a href="首页.html">首页</a><li>
                <li><a href="著名人物.html">著名人物</a></li>    
                <li><a href="旅游景点.html">旅游景点</a></li>    
                <li><a href="成都美食.html">成都美食</a></li>    
                <li><a href="历史文化.html">历史文化</a></li>
                <li><a href="登录.html">登录</a></li>
            </ul>
        </div>
    <!-- 快捷导航 -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>成都欢迎您！&nbsp;</li>
                    <li><a href="https://baijiahao.baidu.com/s?id=1697734165123341764&wfr=spider&for=pc"
                            class="style_blue">美丽的成都</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>
                        成都,一个美丽的地方
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- end -->
    <!-- 头部模块制作 -->
    <div class="header w">
        <!-- logo模块 -->
        <div class="logo">
            <h1>
                <a href="新成都美食.html" title="成都美食">成都美食</a>
            </h1>
        </div>
        <!-- 搜索模块 -->
        <div class="search">
            <input type="search" placeholder="成都美食">
            <button>搜索</button>
        </div>
        <!-- 字体模块 -->
        <!-- <div class="shopcar">成都美食</div> -->
    </div>
    <!-- nav模块制作 -->
    <nav class="nav">
        <div class="dropdown">
            <div class="dt">成都top5美食:</div>
        </div>
        <div class="navitems">
            <div class="dt"><a href="龙抄手.html" target="_blank">龙抄手</a></div>
            <div class="dt"><a href="冒菜.html" target="_blank">冒菜</a></div>
            <div class="dt"><a href="钵钵鸡.html" target="_blank">钵钵鸡</a></div>
            <div class="dt"><a href="担担面.html" target="_blank">担担面</a></div>
            <div class="dt"><a href="钟水饺.html" target="_blank">钟水饺</a></div>
        </div>
    </nav>

    <!-- 首页专有模块 -->
    <div class="main" style="background-image: url(图片/成都街头.png);background-repeat: no-repeat;background-size: cover;">

    </div>
    <!-- 底部模块 -->
    <footer class=" footer">
        <div class="mod_service">
            <div class="service_txt">
                <div>
                    <h4>绝味小吃</h4>
                    <p>包吃到爽</p>
                </div>
            </div>

            <div class="service_txt">
                <div>
                    <h4>美团外卖</h4>
                    <p>配送到家</p>
                </div>
            </div>

            <div class="service_txt">
                <div>
                    <h4>美丽成都</h4>
                    <p>花样小吃</p>
                </div>
            </div>

            <div class="service_txt">
                <div>
                    <h4>滴滴出行</h4>
                    <p>送您到达</p>
                </div>
            </div>

            <div class="service_txt">
                <div>
                    <h4>花样种类</h4>
                    <p>应接不暇</p>
                </div>
            </div>
        </div>
    </footer>
    <div class="dibu"></div>
</body>
<html>